<!--Strona glowna-->

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <div class="wrapper">
            <div class="top">
                <div class="logo"><a href="#"><img src='images/logo.png' /></a></div>
                <div class="panelLogowania">
                    <div class="koszyk">
                        <h5>Zalogowano jako: Tomek</h5>
                        <a href="#">Przejdź do koszyka</a></p>                        
                    </div>
                </div>
            </div>
            <div class="menuGlowne">
                <ul>
                    <li class="sport"><a href="#">sport</a>
                        <ul>
                            <li><a href="#">Piłka nożna</a></li>
                            <li><a href="#">Siatkówka</a></li>
                            <li><a href="#">Piłka ręczna</a></li>
                        </ul>
                    </li>
                    <li class="music"><a href="#">muzyka</a></li>
                    <li class="theatre"><a href="#">teatr</a></li>
                    <li class="others"><a href="#">pozostałe</a></li>
                </ul>
            </div>

            <div class="panelGlowny">
                <h1>Muse, Łódź 2012</h1>
                <!--Lista najnowszych zdarzeń-->
                <div class="szczegolyWydarzenia">
                    <img src="muse-madness.JPEG" />
                    <div>
                        <a href="#">Kup bilet</a><a href="#">Znajdź trasę dojazdu</a>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porta, massa nec vehicula commodo, tellus magna dapibus dolor, non gravida elit lectus quis magna. Aliquam in velit felis. Quisque varius velit nec sem mattis non tincidunt neque malesuada. Mauris feugiat velit non sapien volutpat tincidunt. Duis sollicitudin nulla et erat dapibus consequat vel sed nunc. Morbi lobortis pretium lorem, ac bibendum tortor hendrerit vel. Donec non risus id sapien molestie eleifend sit amet eget tellus. Pellentesque quis nulla a dui tristique congue.

                        In hac habitasse platea dictumst. Donec eu eros sit amet lectus bibendum vestibulum. Nulla vel feugiat tortor. Sed at ante ut purus viverra pharetra. Ut suscipit, massa eu fringilla porta, arcu est suscipit nunc, ut fermentum erat ipsum tempor turpis. Nulla facilisi. Sed id purus a ipsum dapibus bibendum. Aliquam nunc risus, semper ut volutpat sit amet, congue sed arcu. Donec posuere feugiat tortor accumsan sodales. Curabitur eu lacus tortor, fermentum euismod orci. Donec quis mauris vitae ligula elementum pulvinar.

                        In hac habitasse platea dictumst. Duis ac auctor justo. Cras eu iaculis est. Maecenas placerat tempor ante, ac sodales urna faucibus vel. Ut dolor erat, vestibulum quis ultricies quis, mollis id odio. In posuere tincidunt lacinia. Sed tempor lacus vel ipsum interdum tincidunt tincidunt tortor commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras in libero vitae odio vestibulum imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum in mauris eget nunc ultricies bibendum hendrerit at odio. Nunc interdum gravida justo sit amet cursus.

                        Quisque porttitor luctus ligula quis auctor. Quisque nisl orci, porta ac vehicula a, pulvinar eu nibh. Praesent dapibus orci quis tellus hendrerit non commodo lacus feugiat. Vivamus eu dui sed enim porta vehicula. In a nunc quis nisi euismod malesuada. Curabitur dapibus, orci et tristique lobortis, elit purus adipiscing sapien, eu fringilla lectus lectus a enim. Maecenas rhoncus, lacus at lobortis feugiat, erat urna euismod nunc, et porta nibh ligula vel massa. Phasellus non nulla sapien, ut adipiscing felis. Nam hendrerit odio at quam pharetra sollicitudin. Vivamus commodo elementum arcu, eget tempus erat hendrerit at. Pellentesque suscipit ante consequat eros aliquam at euismod augue elementum.
                    </p>
                </div>
            </div>
            <div class="stopka">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">O nas</a></li>
                    <li><a href="#">Kontakt</a></li>
                </ul>

                <p class="stopkaTekst">Wykonano przez: .... All rights reserved.</p>
            </div>
        </div>
    </body>
</html>
